<template>
    <div>
        <div class="i-layout-page-header">
            <PageHeader hidden-breadcrumb
                        :tab-list="tabList"
                        class="ivu-mt-16"
                        :tab-active-key="tabActiveKey"
                        @on-tab-change="handleChangeTab">
            </PageHeader>
        </div>
        <Card :bordered="false" dis-hover>
            <table-form />
            <table-list ref="table"/>
            <div v-height="100" v-if="loading" style="position:relative">
                <Spin size="large" fix></Spin>
            </div>
        </Card>
    </div>
</template>
<script>
    import mixin from '../mixins';
    import tableForm from './table-form';
    import tableList from './table-list';
    export default {
        name: 'already',
        mixins: [mixin],
        components: { tableForm, tableList },
        data () {
            return {
                tabActiveKey: 'already',
                type: [],
                loading: false
            }
        },
        methods: {
        }
    }
</script>
<style scoped>
.ivu-page-header {
    padding-top:0px;
}
</style>
